@media (max-width:640px ) {
	#classBrief .row .classInformation .leftDiv{
		display: none;
	}
	#classBrief .row .classInformation .rightDiv{
		width: 100%;
		
	}
	#classBrief .row .classContentBox .classContentLeft{
		width: 100%;
	}
	#classBrief .row .classContentBox .classContentRight{
		width: 100%;
	}
	#classBrief .row .classInformation{
		margin-top: 50px;
	}
	
}

#classBrief{
	background: #f7f7f7;
}
#classBrief .headerBox{
	background: #fff;
	margin-bottom: 50px;
	border-bottom: 1px solid #DCDCDC;
}
#classBrief .subjectImgBox{
	position: relative;
}
#classBrief .subjectImgBox .addClassButton{
	position: absolute;
	right: 50px;
	bottom: -40px;
	width: 80px;
	padding: 20px 0;
	border-radius: 100%;
	background: #a5192e;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	/*box-shadow: 5px 5px 5px #eb6100;*/
}
#classBrief .classInformation{
	margin-bottom: 50px;
}
#classBrief .classInformation .leftDiv{
	width: 16%;
	background: url(../../images/schoolNameBg.png);
	
}
#classBrief .classInformation .leftDiv .firstP{
	margin-left: 17.5%;
	margin-top: 33px;
	font-size: 14px;
	color: #666;
	margin-bottom: 13px;
}
#classBrief .classInformation .leftDiv .secondP{
	font-size: 28px;
	color: #202020;
	margin-left: 35%;
}
#classBrief .classInformation .leftDiv .thirdP{
	margin-top: 55px;
	font-size: 14px;
	color: #666;
	margin-bottom: 13px;
	margin-left: 17.5%;
	
	
}
#classBrief .classInformation .leftDiv .fourP{
	font-size: 18px;
	color: #202020;
	margin-left: 35%;
	padding-bottom: 40px;
}
#classBrief .classInformation .leftDiv .fourP li{
	height: 30px;
}
#classBrief .classInformation .leftDiv .fivep{
	height: 80px;
	background: #a5192e;
	line-height: 80px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
#classBrief .classInformation .leftDiv .sixP{
	height: 80px;
	background: #fff;
	line-height: 80px;
	color: #202020;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
#classBrief .classInformation .rightDiv{
	width: 84%;
	border: 1px solid #DCDCDC;
	background: #fff;
}
#classBrief .classInformation .rightDiv .pl{
	padding-left: 6.3%;
	
}
#classBrief .classInformation .rightDiv .pr{
	padding-right: 13%;
}
#classBrief .classInformation .rightDiv .pt{
	padding-top: 30px;
}
#classBrief .classInformation .rightDiv .pb{
	padding-bottom: 25px;
}
#classBrief .classInformation .rightDiv .classTitle{
	background: #fff;
	line-height: 70px;
	font-size: 18px;
	color: #202020;
	
}
#classBrief .classInformation .rightDiv .titleClass{
	height: 50px;
	line-height: 50px;
	background: url(../../images/greenBg.png);
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}
#classBrief .classInformation .rightDiv .classContent{
	line-height: 24px;
	font-size: 14px;
	color: #666;
}
#classBrief .classContentBox .classContentLeft{
	width: 74%;
	min-height: 400px;
}

#classBrief .classContentBox .classContentLeft .classItem .classT{
	height: 80px;
	line-height: 80px;
	background: url(../../images/bg5_03.png);
	font-size: 18px;
	color: #202020;
	padding-left: 8%;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}
#classBrief .classContentBox .classContentLeft .classItem .classT .firstP{
	margin-right: 8px;
}
#classBrief .classContentBox .classContentLeft .classItem .classT .classType{
	width: 150px;
	margin-right: 30px;
}
#classBrief .classContentBox .classContentLeft .classItem .classT  li{
	float: left;
	border-radius: 100%;
	width: 26px;
	height: 26px;
	font-size: 16px;
	border: 1px solid #406cb0;
	float: left;
	line-height: 22px;
	text-align: center;
	margin-top: 28px;
	margin-right: 15px;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork{
	
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkTitle{
	font-size: 16px;
	color: #202020;
	font-weight: 600;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-left: 8%;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemTitle{
	font-size: 16px;
	color: #666;
	padding-left: 8%;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemContent{
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	line-height: 23px;
	padding-left: 8%;
	padding-bottom: 25px;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAdd{
	border-top: 1px solid #DCDCDC ;
	border-bottom: 1px solid #DCDCDC;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddAffix{
	padding-left: 8%;
	width: 50%;
	border-right: 1px solid #DCDCDC;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddAffixTitle{
	font-size: 14px;
	color: #999;
	padding-top: 20px;
	padding-bottom: 10px;
	
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddAffixList{
	
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddAffixList span.flw{
	width: 81.5%;
	color: #999;
	font-size: 14px;
	display: inline-block;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddAffixList li{
	padding-bottom: 8px;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddAffixList a.down{
	width:10% ;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
}





#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddWork{
	padding-left: 8%;
	width: 50%;
	border-right: 1px solid #DCDCDC;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddWorkTitle{
	font-size: 14px;
	color: #D6332C;
	padding-top: 20px;
	padding-bottom: 10px;
	cursor: pointer;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddWorkList{
	
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddWorkList span.flw{
	width: 81.5%;
	color: #999;
	font-size: 14px;
	display: inline-block;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddWorkList li{
	padding-bottom: 8px;
}
#classBrief .classContentBox .classContentLeft .classItem .classWork .classWorkItemAddWorkList span.down{
	width:10% ;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
}
.bgdian{
	background: url(../../images/dian_07.png) no-repeat 35px center;
}
#classBrief .classContentBox .classContentLeft .classItem .classTest{
	border-top:1px solid #DCDCDC;
	border-bottom: 1px solid  #DCDCDC;
	border-right: 1px solid #DCDCDC;
	padding-bottom: 30px;
}
#classBrief .classContentBox .classContentLeft .classItem .classTest .classTestTitle{
	font-size: 16px;
	color: #202020;
	font-weight: 600;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-left: 8%;
}
#classBrief .classContentBox .classContentLeft .classItem .classTest .classTestTitle{
	font-size: 16px;
	color: #202020;
	padding-left: 8%;
}
#classBrief .classContentBox .classContentLeft .classItem .classTest .testList{
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	line-height: 23px;
	padding-left: 8%;
	padding-bottom: 25px;
}
#classBrief .classContentBox .classContentLeft .classItem .classTest .testItem .testItemTitle{
	font-size: 16px;
	color: #666;
	
}
#classBrief .classContentBox .classContentLeft .classItem .classTest .testItemContent{
	font-size: 14px;
	color: #666;
	margin-top: 15px;
	line-height: 23px;
	padding-bottom: 25px;
}
 #classBrief .classContentBox .classContentLeft .classItem .classTest .testItemContentItem{
 	color: #999;
 	font-size: 14px;
 }
 #classBrief .classContentBox .classContentLeft .classItem .classTest .testItemContentItem input{
 	margin-right: 5px;
 }
 #classBrief .classContentBox .classContentLeft .classItem .classTest .testItemContentItem span{
 	margin-left: 5px;
 }
 #classBrief .classContentBox .classContentLeft .classItem .classTest .submitTest{
 	margin-top:20px;
 	text-align: center;
 	color: #D6332C;
 	
 }
#classBrief .classContentBox .classContentLeft .classItem .classTest .submitTest span{
	cursor: pointer;
}
#classBrief .classContentBox .classContentLeft .classItem .classResourceTitle{
	font-size: 16px;
	color: #202020;
	font-weight: 600;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-left: 8%;
}
#classBrief .classContentBox .classContentLeft .classItem .classResourceItem{
	padding-left: 8%;
	height: 34px;
}
#classBrief .classContentBox .classContentLeft .classItem .classResource .classResourceItem p{
	display: inline-block;
	font-size: 14px;
	color: #999;
}
#classBrief .classContentBox .classContentLeft .classItem .classResource .classResourceItem .firstSpan{
	display: inline-block;
	width:60%;
}
#classBrief .classContentBox .classContentLeft .classItem .classResource .classResourceItem .secondSpan{
	margin-left: 20px;
}
#classBrief .classContentBox .classContentLeft .classItem .classResource .classResourceItem .thirdSpan{
	margin-left: 20px;
}




#classBrief .classContentBox .classContentRight{
	width: 26%;
	border-left:1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	
}
#classBrief .classContentBox .classContentRight .peopleInformation{
	height: 98px;
	background: url(../../images/greenBg.png);
	line-height: 98px;
	padding-left: 10%;
}
#classBrief .classContentBox .classContentRight .peopleInformation img{
	width: 66px;
	height: 66px;
	margin-right: 5%;
	display: inline-block;
}
#classBrief .classContentBox .classContentRight .peopleInformation span{
	font-size: 16px;
	color: #202020;
}
#classBrief .classContentBox .classContentRight .peopleInformation .peopelName{
	font-size: 16px;
	color: #202020;
	line-height: 98px;
}
#classBrief .classContentBox .classContentRight .peopleClassInformation{
	padding-top: 1px solid #dcdcdc;
	padding-bottom: 1px solid #dcdcdc;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10%;
}
#classBrief .classContentBox .classContentRight .peopleClassInformation p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
#classBrief .classContentBox .classContentRight .classAnnounce{
	font-size: 16px;
	color: #202020;
	background: url(../../images/greenBg.png);
	line-height: 40px;
	height: 40px;
	padding-left: 10%;
}

#classBrief .classContentBox .classContentRight .classAnnounceContent{
	padding-left: 10%;
	padding-top: 30px;
	padding-right: 10%;
}
#classBrief .classContentBox .classContentRight .classAnnounceContent .classAnnounceContentTitle{
	font-size: 14px;
	color: #202020;
	margin-bottom: 25px;
}
#classBrief .classContentBox .classContentRight .classAnnounceContent .classAnnounceContentTitle span{
	font-size: 10px;
	color: #666666;
	margin-left: 5%;
	
}
#classBrief .classContentBox .classContentRight .classAnnounceContent .classAnnounceContentContent{
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	padding-bottom: 25px;
	padding-right: 10%;
}
#classBrief .classContentBox .classContentRight .classAnnounceWork{
	padding-left: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 10%;
}
#classBrief .classContentBox .classContentRight .classAnnounceWork .workP{
	height: 25px;
	color: #666;
	font-size: 14px;
	
}
#classBrief .classContentBox .classContentRight .classAnnounceWork p .firstSpan{
	color: #D6332C;
}
#classBrief .classContentBox .classContentRight .classAnnounceWork .fontP.fontaaP{
	margin-top: 15px;
}
#classBrief .classContentBox .classContentRight .classAnnounceWork .fontP{
	font-size: 12px;
	color: #999999;
	line-height: 20px;
}
.footBut{
	background: url(../../images/m3bg.png);
	height: 80px;
	width: 100%;
	
}
.footBut div{
	height: 100%;
	text-align: center;
	color: #fff;
	line-height: 80px;
	font-size: 25px;
	cursor: pointer;
}
.footBut .borderM3{
	border-left: 1px solid #1c1c1c;
	border-right: 1px solid #1C1C1C;
}

/*用于实现展示内容效果的css*/
#classBrief .classContentBox .classContentLeft .classItem{
	/*display: none;*/
}
#classBrief .classContentBox .classContentLeft .classItem.active{
	display: block;
}
.classCo{
	display: none;
}
.classCo.active{
	display: block;
}
